<template>
    <div class="bottom-classify">
        <ul class="bottom-list">
            <li class="bottom-item" v-for="(value,key) in list">
                {{value.name}}
                <ul class="bottom-sub-list" v-if="value.children && value.children.length > 0">
                    <li class="bottom-sub-item" v-for="(subValue,subKey) in value.children.list">
                        {{subValue.name}}
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "bottomClassify",
        data(){
            return{
                list:[
                    {
                        "name":"全部",
                        "children":{
                            "list":[
                                {
                                    "name":"全部",
                                },
                                {
                                    "name":"拖尾婚纱",
                                },
                                {
                                    "name":"蛋糕式婚纱",
                                },
                                {
                                    "name":"短袖婚纱",
                                },
                                {
                                    "name":"抹胸吊带婚纱",
                                }
                            ]
                        }
                    },
                    {
                        "name":"欧美婚纱",
                        "children":{
                            "list":[
                                {
                                    "name":"全部",
                                },
                                {
                                    "name":"拖尾婚纱",
                                },
                                {
                                    "name":"蛋糕式婚纱",
                                },
                                {
                                    "name":"短袖婚纱",
                                },
                                {
                                    "name":"抹胸吊带婚纱",
                                }
                            ]
                        }
                    },
                    // {"name":"欧美婚纱"},
                    // {"name":"韩式婚纱"},
                    // {"name":"北欧风格"},
                    // {"name":"吊带风格"}
                ]
            }
        }
    }
</script>

<style scoped>
    .bottom-list{
        background-color: rgba(0,0,0,.5);
    }
</style>